<template>
    <div>
        详情query参数
        <!-- <p>参数1：{{$route.query.id}}</p>
        <p>参数2：{{$route.query.title}}</p> -->

        <p>参数1：{{$route.params.id}}</p>
        <p>参数2：{{$route.params.title}}</p>

        <!-- 接收props参数 -->
        <hr>
        <p>接收props参数</p>
        <p>参数id：{{id}}</p>
        <p>参数title：{{title}}</p>
    </div>
</template>
<script>
export default {
    props:['id','title'],
    data() {
        return {

        }
    },
    mounted(){
        console.log(this.$route);
    }
}
</script>